<template>
		<view class="report_botem" :class="bottom?'':'safe-area-inset-bottom'" :style="{background:!bagr?'#FFF':'',borderTop:!bagr?'1px solid #ECECEC':'',bottom:bottom?bottom:''}">
			<view class="report_flexd" :style="{padding:!bagr?'15rpx':''}">
				<slot></slot>
			</view>
		</view>
</template>

<script>
	export default {
		name:"statusbar",
		props:{
			bottom:{
				type:[String,Number],
				default:0
			},
			bagr:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.report_botem{
		position: fixed;
		bottom: 0;
		width: 100%;
		.report_flexd{
			width: 100%;
		}
	}
</style>